<template>
  <div>
    <h1>vue根节点{{count}}</h1>
    <!-- button 控制组件是否在页面上被使用 -->
    <button @click="flag=!flag" disabled>点击</button>
    <life-circle v-if="flag" @add="Ad"></life-circle>
  </div>
</template>

<script>
import LifeCircle from './LifeCircle.vue'
export default {
    data(){
        return{
            flag:true,
            count:0
        }
    },
    methods:{
        Ad(e){
            this.count=e
        }
    },
    components:{
        LifeCircle
    }

}
</script>

<style>

</style>